<template>
  <div class="container">
    <transition>
      <router-view></router-view>
    </transition>
  </div>
</template>
<script>
  export default {
    data() {
      return {};
    },
    methods: {}
  };
</script>
<style scoped>
  .v-enter {
    opacity: 0;
    transform: translateX(100%);
  }

  .v-leave-to {
    opacity: 0;
    transform: translateX(-100%);
    position: absolute;
  }

  .v-enter-active,
  .v-leave-active {
    transition: all 0.5s ease;
  }
</style>